/* 重置头部样式 */
.head{z-index: 5; margin-bottom: 282px; position: relative; height: 68px; border-bottom: 1px solid #aec7ec; width: 100%;}
.logo{margin: 18px 0 0 30px;}
.nav{position: absolute; left: 50%; transform: translateX(-50%);}
.nav li{float: left;margin: 0 20px; line-height: 66px;}
.nav li.active{border-bottom: 2px solid #fff;}
.nav li.active a{color: #fff;font-size: 16px;}
.nav li a{color: #fff;}
/* 两个按钮 */
.btnbox{line-height: 66px;}
.login,.register{border: 1px solid #ccc; padding: 5px 15px; border-radius: 15px; color: #ccc;}
.register{margin: 0 30px 0 10px;color: #fff;background-color: #f60; border: none;}

html{
  position: relative;
}

#mydiv{
  position: absolute;
  top: 0;
  left: 0;
}
.title-mydiv{
    padding-top: 89px;
    height: 248px;
    z-index: 10;
    position: absolute;
    top: 70px;
    text-align: center;
    width: 100%;
  }

/*  图片盒子*/
.content-details{
    height: 1352px;
    padding-bottom: 166px;
    border-bottom: 1px solid #efefef;
    box-sizing: border-box;
    background-color: #f8f9fb;
  }
  .details-top{
    position: relative;
    height: 180px;
  }
  .details-top .details-box{
    position: absolute;
    top: -160px;
    left: 0px;
    /* width: 1200px; */
    height: 290px;
    background-color: #fff;
  }
  .details-top .details-box .details-left{
      width:532px ;
      height: 290px;
      padding-left:48px;
      padding-top:48px;
      box-sizing: border-box;
      background-color: #fff;
  }

  .details-top .details-box .details-left .title{
      height: 50px;
     box-sizing: border-box;
     font-size: 24px;
     color: #000;
     line-height: 50px;
  }
  .details-top .details-box .details-left .desc{
      font-size: 14px;
  }
  .details-top .details-box .details-right img{
      width: 580px;
      height: 290px;
  }

  .details-text{
      width: 1200px;
  }
  .details-text .textbox{
    font-size: 14px;
    color: #181818;
    line-height: 24px;
    margin-top: 20px;
  }

  .details-text .footer{
      font-size: 12px;
      color: #666;
      height: 60px;
      line-height: 60px;
      position: relative;
  }
  .details-text .xian{
      position: absolute;
      top: 30px;
      right: 100px;
      box-sizing: border-box;
      width: 10px;
      height: 3px;background-color: #1271ef;
  }

  .content-details .profit .profit-title{
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 24px;
    color: #181818;
  }

  .content-details .profit .profit-text{
      font-size: 14px;
      line-height: 22px;
      color: #000;
      margin-bottom: 54px;
  }

  .content-details .profit .profit-img img{
      width: 100%;
  }










  /* 尾部 */
.foot{
    height: 236px;
    margin-bottom: 20px;
  }
  .foot .foottext{
    height: 236px;
  }
  .foot .text-title{
    width: 160px;
  }
  .foot .text-title dt{
    font-size: 14px;
    line-height: 68px;
  }
  .foot .text-title dd{
    font-size: 12px;
    line-height: 28px;
    color: #b3b3b3;
  }
  .foot .foottext .weixin{
    float: right;
    text-align: right;
    top: 0;
    right: 0;
    width: 110px;
    height: 210px;
  }
  .foot .foottext .weixin .weixin-title{
    font-size: 16px;
    line-height: 28px;
    padding-top: 21px;
    color: black;
  }
  .foot .foottext .weixin .weixin-text{
    font-size: 12px;
    line-height: 27px;
    margin-bottom: 24px;
    color: #c0c0c0;
  }
  /* 底部 */
  .footbottom{
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #d1d1d1;
  }
  .footbottom a,span{
    margin-right: 10px;
  }
  .footbottom a,span{
    color: #d1d1d1;
  }
  .footbottom .lest{
    margin-right: 0;
  }